<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/login.css">

</head>
<body>

<!--头部-->
<div class="login-head inbox">
    <div class="logo-wrap">
        <a href="home.php"><img class="logo fn-fl" src="../images/logo.jpg" alt="阿福易购"></a>
        <span class="welcome fn-fl">欢迎登陆</span>
    </div>
</div>
<!--END/头部-->

<div class="inbox login-box">
    <ul class="ui-cols-2">
        <li class="col">
            <img class="l-img" src="../images/login/pic-1.jpg" alt="">
        </li>
        <li class="col form-wrap">
            <div class="form-head">
                <div class="tit-1">
                    <div class="h"> 阿福易购会员</div>
                    <a href="register.php" class="more">立即注册 <i class="icon icon-arrow-r1"></i></a>
                </div>
            </div>

            <form action="test.json" method="post" class="bl-form bl-formver form-L form-login js-form js-placeholder" novalidate="novalidate">
                <input name="ReturnUrl" type="hidden">
                <ul class="form-list">
                    <li class="bl-form-group">
                        <label class="for">用户名：</label>
                        <div class="controls hasIcon">
                            <span class="f-icon icon-l"><i class="icon icon-user fn-ml10"></i></span>
                            <input type="text" name="Name" class="fn-tinput" placeholder="邮箱/手机/账号" required="required">
                        </div>
                    </li>
                    <li class="bl-form-group">
                        <label class="for">密码：</label>
                        <div class="controls hasIcon">
                            <span class="f-icon icon-l"><i class="icon icon-pwd fn-ml10"></i></span>
                            <input type="password" name="Password" id="password" class="fn-tinput" placeholder="输入密码" required="required">
                        </div>
                    </li>
                    <li class="bl-form-group form-text">
                        <label class="for">协议：</label>
                        <div class="controls">
                            <a class="fn-fr" style="*margin-top:2px;" href="#">忘记密码？</a>
                            <label>
                                <input type="checkbox" name="rememberMe">
                                <span>记住密码</span>
                            </label>
                        </div>
                    </li>
                    <li class="bl-form-group fn-mb0">
                        <label class="for fn-vhide">提交：</label>
                        <div class="controls form-btns">
                            <button type="submit" class="fn-btn btn-primary w100" name="submitButton">登 录</button>
                        </div>
                    </li>
                </ul>
            </form>
        </li>
    </ul>
</div>

<!--底部-->
<div class="f-aboutUs">
    <div class="inbox fn-tc">
        <a href="#">关于阿福易购</a>
        <a href="#">公司简介</a>
        <a href="#">联系我们</a>
        <a href="#">招聘信息</a>
        <a href="#">用户协议</a>
        <br>
        <p>
            增值电信经营许可证：豫B2-29877666-4 备案号：豫B1-89897778-1 COPYRIGHT <a href="#">AFYIGOU.COM</a> 2015
        </p>
    </div>
</div>
<!--END/底部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->
<script src="../js/jquery.validation.js"></script>
<script>
    $('.js-form').validate({

    });
</script>
</body>
</html>